<!DOCTYPE html>

<html>

<head>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />

<script src="script.js"></script>

<!-- jQuery Mobile -->
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.js"></script>
<title>Solitaire for HTML5</title>

<script>
window.onresize = resizeEvent
</script>

</head>

<body onload="init();">
   
<div data-role="page">

<div data-role="header">
<h1>Solitaire for HTML5</h1>
</div>

<div data-role="content">	
<center><h1 id="message">Loading graphics...</h1></center>
<canvas id="deskCanvas" width="800" height="480"></canvas>
</div>

<div data-role="footer">
tepaanan@gmail.com
</div>

</div>

</body>
</html>
